@charset "utf-8";
@import "common/reset";
@import "iconfont";
$fontsize:64px;
//首页
html {
    font-size: $fontsize;
}

@function r($px) {
    @return $px/$fontsize*1rem;
}

.web {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    width: 100%;
    height: 100%;
    
  //头部开始
    header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: r(90px);
        background: #b20000;
        text-align: center;
        padding: r(25px) r(0px);
        i {
            color: #fff;
            &:first-child {
                font-size: r(40px);
                margin-left: r(23px);
                line-height: initial;
            }
            &:nth-of-type(2) {
                display: block;
                width: r(42px);
                height: r(42px);
                font-size: r(21px);
                line-height: r(42px);
                border: 1px solid #fff;
                margin-right: r(17px);
                border-radius: 50%;
                text-align: center;
            }
        }
        .logo {
            width: r(264px);
            height: r(39px);

            vertical-align: top;
        }
    }
    //头部结束
    
        //尾部开始
    footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: r(95px);
        background: #f5f5f5;
        border-top: 1px solid #bbb9ba;
        .footer_nav {
            width: 100%;
            text-align: center;
            font-size: 0;
            ul {
                padding: r(15px) 0 r(12px) 0;
                li {
                    display: inline-block;
                    width: 20%;
                    text-align: center;
                    div {
                        margin: auto;
                        width: r(46px);
                        height: r(38px);
                        background-size: r(38px);
                        background-repeat: no-repeat;
                    }
                    .home_page {
                        background-image: url(../img/01home_g.png);
                    }
                    .gime_page {
                        background-image: url(../img/03GIMC_g.png);
                    }
                    .article_page {
                        background-image: url(../img/05article_g.png);
                    }
                    .resource_page {
                        background-image: url(../img/07resou_g.png);
                    }
                    .school_page {
                        background-image: url(../img/09college_g.png);
                    }
                    a {
                        display: block;
                        font-size: r(18px);
                        color: #8b8b8b;
                        border-right: 1px solid #8B8B8B;
                        &:nth-of-type{
                            border-right: none;
                        }//不起效
                        &:hover {
                            color: red;
                            opacity: 1;
                            .home_page {
                                background-image: url(../img/02home_r.png);
                            }
                            .gime_page {
                                background-image: url(../img/04GIMC_r.png);
                            }
                            .article_page {
                                background-image: url(../img/06article_r.png);
                            }
                            .resource_page {
                                background-image: url(../img/08resou_r.png);
                            }
                            .school_page {
                                background-image: url(../img/10college_r.png);
                            }
                        }
                    }
                   
                }
            }
        }
    }
}
//脚步结束
